<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的小站</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/about.css">
</head>
<body>

    <!-- <header id="header">
    <div class="container flex align-items-center justify-content-between">
        <a href="./index.html"><img class="logo" src="/images/logo.png" alt=""></a>
        <nav id="navbar" class="navbar">
            <ul>
                <li class="index active"><a href="./index.html">首页</a></li>
                <li class="protfolio"><a href="./protfolio.html">作品展示</a></li>
                <li class="blogs"><a href="./blogs.html">博客</a></li>
                <li class="about"><a href="./about.html">我的简历</a></li>
                <li class="contact"><a href="./contact.html">联系我</a></li>

            </ul>
        </nav>
    </div>
    </header> -->
    <header id="header">

    </header>
    <section id="search">
        <div id="AB-title">
            <h2 class="section-title">我的简历</h2>
            <h4 class="sub-title">简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍...</h4>
        </div>
        <div id="AB-content" class="flex">
            <div id="AB-img">
                <img src="/images/jhk-1658799654874.png" alt="">
            </div>
            <div id="AB-introduction">
                <div id="AB-job">Web前端工程师</div>
                <div id="AB-personalIntroduction" class="flex">
                    <ul>
                        <li>生日:2002年3月27日</li>
                        <li>网站:www.example.com</li>
                        <li>电话:18345553318</li>
                        <li>学历:硕士</li>
                    </ul>
                    <ul>
                        <li>年龄:20</li>
                        <li>城市:北京</li>
                        <li>Email:1040336062@qq.com</li>
                        <li>学校:黑龙江工程学院</li>
                    </ul>

                </div>
            </div>
        </div>

    </section>


    <section id="skill">
        <div id="skill-title">
            <h2 class="section-title">个人技能</h2>
            <h4 class="sub-title">Jifenreiingkdsiejdoi[ mdio msoem ldoe osm main dioam aowm a..</h4>
        </div>
        <div id="all-skill" class=" flex">
            <ul>
              <li>
                <div id="html-skill">
                  <div class="flex justify-content-between">
                    <p>HTML</p>
                    <div class="dialog"></div>
                  </div>
                  <div class="g-progressBar"><div class="progressBar"></div></div>
              </li>
              <li>
                <div id="css-skill">
                  <div class="flex justify-content-between">
                    <p>CSS</p>
                    <div class="dialog"></div>
                  </div>
                  <div class="g-progressBar"><div class="progressBar"></div></div>
              </li>
              <li>
                <div id="javascript-skill">
                  <div class="flex justify-content-between">
                    <p>JAVASCRIPT</p>
                    <div class="dialog"></div>
                  </div>
                  <div class="g-progressBar"><div class="progressBar"></div></div>
              </li>
            </ul>



            <ul>
                <li>
                    <div id="php-skill">
                      <div class="flex justify-content-between">
                        <p>PHP</p>
                        <div class="dialog"></div>
                      </div>
                      <div class="g-progressBar"><div class="progressBar"></div></div>
                  </li>
                  <li>
                    <div id="wordpress-skill">
                      <div class="flex justify-content-between">
                        <p>WORDPRESS/CMS</p>
                        <div class="dialog"></div>
                      </div>
                      <div class="g-progressBar"><div class="progressBar"></div></div>
                  </li>
                  <li>
                    <div id="photoshop-skill">
                      <div class="flex justify-content-between">
                        <p>PHOTOSHOP</p>
                        <div class="dialog"></div>
                      </div>
                      <div class="g-progressBar"><div class="progressBar"></div></div>
                  </li>
            </ul>
        </div>
    </section>

    <section id="experience">
        <div id="experience-container">
            <div id="study-experience">
                <div class="experience-title">教育经历</div>
                <ul>
                    <li id="li-ora" class="flex">
                        <div class="Time orange" style="background-color:rgba(255, 155, 47, 1);">
                            <p>2019年8月10日-</p>
                            <p>至今</p>
                        </div>
                        <div class="information">
                            <div class="in-title">东北林业大学（硕士）<span style="color: rgba(255, 155, 47, 1);">计算机专业</span></div>
                            <div class="in-content">硕士研究生学位课程，包括：（1）矩阵论；（2）概率论与数理统计；（3）概率论与随机过程；（4）微分方程数值解法。选修课程，包括：（1）应用泛函分析；（2）数学物理方程；（3）高等数值分析；（4）最优化理论与算法；（5）微分几何与计算几何；（6）数学建模</div>
                            </div>

                    </li>
                    <li id="li-pur" class="flex">
                        <div class="Time purple" style="background-color:rgba(108, 108, 229, 1);">
                            <p>2014年8月10日-</p>
                            <p>2019年7月10日</p>
                        </div>
                        <div class="information">
                            <div class="in-title">哈尔滨理工大学<span style="color: rgba(108, 108, 229, 1);">计算机专业</span></div>
                            <div class="in-content">硕士研究生学位课程，包括：（1）矩阵论；（2）概率论与数理统计；（3）概率论与随机过程；（4）微分方程数值解法。选修课程，包括：（1）应用泛函分析；（2）数学物理方程；（3）高等数值分析；（4）最优化理论与算法；（5）微分几何与计算几何；（6）数学建模</div>
                            </div>

                    </li>
                </ul>
            </div>
            <div id="job-experience">
                <div class="experience-title">工作经验</div>
                <ul>
                    <li id="li-blue" class="flex">
                        <div class="Time" style="background-color: rgba(18, 117, 240, 1);">
                            <p>2019年8月10日-</p>
                            <p>至今</p>
                        </div>
                        <div class="information">
                            <div class="in-title">青盟科技有限公司<span style="color: rgba(18, 117, 240, 1);">Web前端工程师</span></div>
                            <div class="in-content">一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;
                                二、配合后端工程师增加页面的JS交互效果以及CSS排版;
                                三、根据不同的PC和手机浏览器编写高效的脚本代码;
                                四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。
                                五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                                六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                                七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</div>

                        </div>

                    </li>
                    <li id="li-pink" class="flex">
                        <div class="Time" style="background-color: rgba(249, 123, 139, 1);">
                            <p>2014年8月10日-</p>
                            <p>2019年7月10日</p>
                        </div>
                        <div class="information">
                            <div class="in-title">百度<span style="color: rgba(249, 123, 139, 1);">Web前端工程师</span></div>
                            <div class="in-content">一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;
                                二、配合后端工程师增加页面的JS交互效果以及CSS排版;
                                三、根据不同的PC和手机浏览器编写高效的脚本代码;
                                四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。
                                五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                                六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                                七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</div>

                        </div>

                    </li>

                </ul>
            </div>
            <div id="project-experience">
                <div class="experience-title">项目经验</div>
                <ul>
                    <li id="li-green" class="flex">
                        <div class="Time"  style="background-color:rgba(84, 216, 145, 1);">
                            <p>2019年8月10日-</p>
                            <p>至今</p>
                        </div>
                        <div class="information">
                            <div class="in-title">青盟科技有限公司</div>
                            <div class="in-content">一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;
                                二、配合后端工程师增加页面的JS交互效果以及CSS排版;
                                三、根据不同的PC和手机浏览器编写高效的脚本代码;
                                四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。
                                五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                                六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                                七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</div>
                        </div>
                    </li>
                    <li id="li-light" class="flex">
                        <div class="Time"  style="background-color: rgba(101, 205, 255, 1);">
                            <p>2014年8月10日-</p>
                            <p>2019年7月10日</p>
                        </div>
                        <div class="information">
                            <div class="in-title">大学生软件外包平台</div>
                            <div class="in-content">一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;
                                二、配合后端工程师增加页面的JS交互效果以及CSS排版;
                                三、根据不同的PC和手机浏览器编写高效的脚本代码;
                                四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。
                                五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                                六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                                七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。</div>
                        </div>
                    </li>

                </ul>
            </div>


        </div>

    </section>

    <script src="./js/main.js"></script>
</body>
</html>